<!--
    -  Copyright (c) 2018-2025, haohanwork.com All rights reserved.
  -->
<template>
  <div class="execution">
    <!--添加tab切换栏-->
    <template>
      <basic-container>
        <h2 class="io-goods-detail">
          基础信息
        </h2>
        <template>
          <el-row class="io-goods-detail basic-information">
            <el-col :span="6"><div class="grid-content bg-purple">客户名称：{{detail.customerName}}</div></el-col>
            <el-col :span="6">
              <div class="grid-content bg-purple-light">拍照员工：{{detail.employeeName}}</div>
            </el-col>
            <el-col :span="6"><div class="grid-content bg-purple">图片组编号：{{detail.groupNum}}</div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple">地址：{{detail.address}}</div></el-col>
          </el-row>
          <el-row class="io-goods-detail basic-information">
            <el-col :span="24"><div class="grid-content bg-purple">
              <span style="float: left;">图片：</span><img v-for="item in detail.photoList" v-key :src="item.picUrl" width="180" height="180" style="margin-right: 10px" /> </div>
            </el-col>
          </el-row>
        </template>
      </basic-container>
      <basic-container>
        <template>
          <div class="return-btn">
            <el-button type="primary" plain @click="backup">返回</el-button>
          </div>
        </template>
      </basic-container>
    </template>
  </div>
</template>
<!-- 采购退货 -->
<script>
  import {
    fetchPicture
  } from '@/api/crm/picturerecord'
  import {
    mapGetters
  } from 'vuex'
  import {getStore, setStore} from "@/util/store";
  import {fetchDict} from '@/util/util';
  export default {
    name: 'detail',
    data() {
      return {
        detail:'',
      }
    },
    created(){
      this.init();
    },
    computed: {
      ...mapGetters(['permissions'])
    },
    methods:{
      init(){
        let params = {
          id:JSON.parse(this.$route.query.res).id
        }
        fetchPicture(params).then(response => {
          this.detail = response.data.data;
        })
      },
      backup:function () {
        this.$router.go(-1);
      },
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  }
</script>

<style lang="scss">
  .io-goods-detail{
    margin-bottom: 10px;
  }
  .settle-accounts{
    text-align: right;
  }
  .basic-information {
    margin-top: 20px;
    font-weight: inherit;
  }
  .return-btn{
    height: 100px;
    width: 100%;
    text-align: center;
    line-height: 100px;
  }
  .tabContent{
    padding-left: 10px;
    .el-tabs__item{
      font-size: 20px;
    }
  }
</style>
